<template>
  <view class="empty">
    <view class="img">
      <image class="img-tag" mode="widthFix" src="@/static/svg/empty.svg" />
    </view>
    <view>{{props.text || '暂无记录哦'}}</view>
  </view>
</template>

<script setup>
import { defineProps } from 'vue'
const props = defineProps({
  text: String,
  default: '暂无记录哦'
})
</script>

<style lang='scss' scoped>
.empty{
  height: 100%;
  min-height: 50vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32rpx;
  .img{
    width: 200rpx;
    height: 200rpx;
    .img-tag{
      width: 100%;
    }
  }
  .text{
    font-weight: 400;
    font-size: 36rpx;
    color: #9E9E9E;
    line-height: 32rpx;
    padding: 0 32rpx;
  }
}
</style>
